<template>
	<div class="info">
		<div class="title">
			{{ info.title }}
		</div>
		<div class="content ql-container ql-snow">
			<div class="ql-editor">
				<div v-html="info.content"></div>
			</div>
		</div>
	</div>
</template>

<script setup>
import { ref } from 'vue'
import { queryRichTextDetails } from "@/api/index"
import { useRoute } from 'vue-router';
let route = useRoute()
let id = route.params.id
let info = ref({})
function getInfo() {
	queryRichTextDetails(id).then(res => {
		info.value = res.data
	})
}
getInfo()
</script>

<style scoped lang="scss">
.info {
	padding: 16px 3px;

	.content {
		padding: 0 0px;
		:deep(img){
			width: 100%;
		}
	}
}

.title {
	font-weight: bold;
	color: #333;
	font-size: 20px;
	padding: 5px;
}
</style>